html,body,div,img,ul,li,a,nav,span,p,h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;border:none;}
body{font-size: 12px;font-family: "Microsoft Yahei", arial, "Hiragino Sans GB", sans-serif;}
li{list-style: none}
a,a:hover,a:link,a:visited{text-decoration:none;color: rgb(84, 141, 212);}

.header,.footer{width: 100%;background: #ff7568;color: #fff;}
.header{top: 0;position: fixed;width: 100%;height: 4rem;overflow: hidden;z-index: 100}
.footer{bottom: 0}
.content{width: 100%;}
.box{padding:0 1rem;max-width: 500px;margin: 0 auto;overflow: hidden}
.header .box{line-height: 4rem;height: 4rem;overflow: hidden;}
.header img{height: 2.4rem;float: left;margin-top: 0.8rem}
.header span{margin-left: 0.2rem}
.header a{display: block;float:right;margin-top: 1.2rem;padding:0 0.5em;line-height:1.6rem;border-radius:0.7rem;text-align: center;color: #ff7568;background: #fff;}

.content{padding:1rem 0;margin-top:4rem;overflow: hidden}
.sender{position: relative;}
.senderLeft{float: left;}
.senderPicture{float: left;height: 3.2rem;position: relative;}
.senderPicture>img:nth-child(1){height: 3.2rem;border-radius: 3px;}
.senderPicture>img:nth-child(2){position: absolute;bottom: 0;right: 0;width: 1rem;}
.senderData{float: left;margin-left:10px;height: 3.2rem;}
.senderName{height: 1.6rem;line-height:1.6rem;color: #4e4e4e;font-size: 18px}
.senderGender{height: 1.6rem;line-height:1.2rem;color: #fff;font-size: 12px}
.senderGender>div:nth-child(1){float: left;border-radius: 2px;width: 2.6rem;text-align: center;}
.senderGender>div:nth-child(2){float: left;border-radius: 2px;width: 2.6rem;text-align: center;margin-left: 4px;}
.senderGender .male{background: #1da6ee}
.senderGender .female{background: #fa92b9}
.senderGender .role{background:  #ff7568}
.senderGender img{height: 10px;margin-right: 2px;}
.senderRight{position: absolute;right: 0;bottom: 0;color: #676767;}
.senderRight img{height: 1em}
.content-text{padding: 1rem 0;font-size: 16px}
.content-text .img{margin-top: 10px}
.content-text .img>div{width:32%;height:6rem;overflow: hidden;float: left;padding:2px;margin-bottom: 2px;}
.content-text .img img{max-width: 100%;}
.content-text .shared{margin-top: 10px}
.content-text .shared a{display:block;width: 100%;height: 60px;line-height: 60px;font-size: 14px;color: #000;background: #ededef;font-weight: 900;}
.content-text .shared a img{max-height: 50px;width: 50px;margin:5px;float: left}
.content-text .shared a span{line-height: 60px;float: left}
.errorMsg{font-size: 16px;color:#666;}

.count{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;max-width: 500px;margin: 0 auto;overflow: hidden}
.count>div:nth-child(2){border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.count .countBox{width: 33%;float: left;height: 36px;line-height: 36px;font-size: 12px;text-align:center}
.countBox img{height: 12px;margin-top: 10px}
.countBox span{display:inline-block;margin-left: 5px;color: #787878}
.contentNextBg{width:100%;max-width: 500px;margin: 0 auto;height:1rem;background: #eee;}

.comment>div{padding:1rem;max-width: 500px;margin: 0 auto;overflow: hidden;border-bottom: 1px solid #ddd;}
.commentSenderPicture{float: left;height: 2.8rem;width:2.8rem;position: relative;}
.commentSenderPicture>img:nth-child(1){height: 2.8rem;border-radius: 3px;}
.commentSenderPicture>img:nth-child(2){position: absolute;bottom: 0;right: 0;width:0.8rem;}
.commentTime{float: right;color: #666;}
.commentSenderName{color: #4d4d4d;font-size: 14px;margin-left: 3.2rem;margin-top: 0.2rem}
.commentContent{color: #757575;font-size: 14px;margin-left: 3.2rem;margin-top: 0.3rem}

.content-footer{width: 100%;text-align: center;margin-top: 3rem;margin-bottom: 2rem;}
.content-footer a{display: inline-block;padding:0 1rem;line-height:2em;border-radius:0.2rem;background: #ff7568;color: #fff;}
.content-footer a img{height: 1em;float: right;margin-top: 0.5rem;margin-left: 0.3rem}

.footer{text-align: center;line-height: 1.5rem;padding: 0.5rem 0;bottom: 0;position: relative}

.dataAll{width:100%;position: relative;}
#dataAll{width:100%;font-size: 16px;line-height:3em;color: #ff7568;text-align: center;position: absolute;top: -3em;cursor:pointer;
    background:#fff; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,1));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,1)));
    background:-o-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,1));
}